import "./style.less"
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import BasicInfo from "./tabs/basic-info";
import Preview from "./tabs/preview"



export default function Content({ detail }) {

  const onChange = (key: string) => {
    console.log(key);
  };

  const items: TabsProps['items'] = [
    {
      key: '1',
      label: '基础信息',
      children: <BasicInfo detail={detail} />,
    },
    {
      key: '2',
      label: '商品预览',
      children: <Preview detail={detail} />,
    },
  ];
  return (
    <div style={{ padding: 20, paddingTop: 10 }}>
      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
    </div>
  )
}